<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>视频中心</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="My Play Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap -->
<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel='stylesheet' type='text/css' media="all" />
<!-- //bootstrap -->
<link href="${pageContext.request.contextPath}/css/dashboard.css" rel="stylesheet">
<!-- Custom Theme files -->
<link href="${pageContext.request.contextPath}/css/style.css" rel='stylesheet' type='text/css' media="all" />
<script src="${pageContext.request.contextPath}/js/jquery-1.11.1.min.js"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
<!--start-smoth-scrolling-->
<!-- fonts -->
</head>
  <body>

<jsp:include page="header.jsp"></jsp:include>
 
    
       <!-- upload -->
		<div class="upload">
			<!-- container -->
			<div class="container">
				<div class="myspace-content">
					<div class="media-xx media-x text-center">
								<div>
									<img src="${pageContext.request.contextPath}/upload/head-icon/${user.picUrl}" class="img-circle media-image center-block">
								</div>
								<div class="media-body">
									<p class="media-body-x">${user.intro}</p>
									<span>视频版权归属者:<a href="#"> ${user.nickname } </a></span>
								</div>
							</div>
								<hr />
					<div class="recommended clearfix myspace-padding">
						<div class="english-grid">
							<div class="recommended-info">
								<div class="heading">
									<h3>我的视频</h3>
								</div>
								<div class="heading-right">
									<a  href="#small-dialog8" class="play-icon popup-with-zoom-anim">更多</a>
								</div>
								<div class="clearfix"> </div>
							</div>
							<c:forEach items="${videoList}" var="v">
							<div class="col-md-2 resent-grid recommended-grid show-video-grid">
								<div class="resent-grid-img recommended-grid-img">
									<a href="${pageContext.request.contextPath }/video/to_play_video/${v.id}"><img src="${pageContext.request.contextPath}/${v.thumbnailUrl}" alt="" /></a>
									<div class="time small-time show-time">
										<!--利用fmt标签格式化时间  -->
										<p>
										<fmt:formatDate value="${v.duration}" pattern="HH:mm:ss"/>
										</p>
									</div>
									
								</div>
								<div class="resent-grid-info recommended-grid-info">
									<h5><a href="single.html" class="title">${v.name }</a></h5>
									<p class="views "><span><fmt:formatDate value="${v.uploadTime}" pattern="yyyy-MM-dd"/>&nbsp;&nbsp;&nbsp;</span><span class="text-right views-info-number glyphicon glyphicon-expand">&nbsp;${v.videoClick}</span></p>
								</div>
							</div>
							</c:forEach>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="recommended clearfix myspace-padding">
						<div class="recommended-grids english-grid">
							<div class="recommended-info">
								<div class="heading">
									<h3>我的播单</h3>
								</div>
								<div class="heading-right">
									<a  href="#small-dialog8" class="play-icon popup-with-zoom-anim">更多</a>
								</div>
								<div class="clearfix"> </div>
							</div>
							<c:forEach items="${list}" var="l">
							<div class="col-md-3 resent-grid recommended-grid movie-video-grid">
								<div class="resent-grid-img recommended-grid-img">
									<a><img src="${pageContext.request.contextPath}/${l.img_url}" alt="" /></a>
									<!-- <!-- <div class="time small-time show-time movie-time">
										<p>2:06</p>
									</div> -->
								</div>
								<div class="resent-grid-info recommended-grid-info recommended-grid-movie-info">
									<h5><a class="title">${l.title }</a></h5>
									<ul>
										<li class="recommended-grid-info-xx"><p class="author author-info"><p class="views views-info glyphicon glyphicon-expand"><span class="views-info-number">${l.intro }</span></p></li>
									</ul>
								</div>
							</div>
							</c:forEach>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
			</div>
			<!-- //container -->
		</div>
		<!-- //upload -->
			<jsp:include page="footer.jsp"></jsp:include>
		</div>
  </body>
</html>